<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
		<title>中秋祝福</title>

        <script src=" https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script language="javascript">

            wx.config({
                debug: false,//这里是开启测试，如果设置为true，则打开每个步骤，都会有提示，是否成功或者失败
                appId: 'wx56b3166a3ae04149', // 必填，公众号的唯一标识
                timestamp: "{$weixin['time']}", // 必填，生成签名的时间戳
                nonceStr: "{$weixin['noncestr']}", // 必填，生成签名的随机串
                signature: "{$weixin['signature']}",// 必填，签名，见附录1
                jsApiList: [
                    // 所有要调用的 API 都要加到这个列表中
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage'
                ]
            });
            wx.ready(function () {
                wx.onMenuShareTimeline({
                    title: "家·团圆", // 分享标题
                    desc: "贷你盈伴你，度过一个有问候的中秋节。", // 分享描述
                    link: "https://www.dainiwin.com/Special/moon2016", // 分享链接
                    imgUrl: "https://www.dainiwin.com/Public/Special/Img/Moon2016/zqhappy.png", // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                        //window.location.href="http://{$url}/lashou/invitefriends_success/code/{$m_id}/cct_id/{$cct_id}";
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                        alert('取消分享')
                    }
                });
                wx.onMenuShareAppMessage({
                    title: "家·团圆", // 分享标题
                    desc: "贷你盈伴你，度过一个有问候的中秋节。", // 分享描述
                    link: "https://www.dainiwin.com/Special/moon2016", // 分享链接
                    imgUrl: "https://www.dainiwin.com/Public/Special/Img/Moon2016/zqhappy.png", // 分享图标
                    type: 'link', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                        //window.location.href="http://{$url}/lashou/invitefriends_success";
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

            });

            function setSB(v, el) {
                  valueEl = document.getElementById("loading_1");
                  valueEl.innerText = v + "%";
            }
            function fakeProgress(v, el) {
                 if (v > 98)
                   valueEl.innerText = 99 + "%";
                 else     {
                  setSB(v, el);
                  window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
                 }
            }

		</script>

	</head>
	<body>
		<div class="loading" id="sb">
			<div id="loading_1" style="font-size: 1.5rem; width: 100%; text-align: center;color: #fff;position: absolute;top: 50%;left: 0;z-index: 999999999;">加载中...</div>
			<img style="position: absolute;top: 16%;left: 0%;" width="100%" src="../../www/Public/Special/Img/Moon2016/loading.gif" alt="" />
		</div> 
		<link rel="stylesheet" type="text/css" href="../../www/Public/Bootstrap/css/fax.css"/>
		<link rel="stylesheet" type="text/css" href="../../www/Public/Special/Css/moon2016/moon.css">
		<script type="text/javascript" src="../../www/Public/Bootstrap/js/invitezc/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../../www/Public/Special/Js/moon2016/moon2016.js"></script>
		<!--<div class="div_1"></div>-->
		<!--第一页-->
		<div class="div_2">
			<img class="div_tu" src="../../www/Public/Special/Img/Moon2016/b02.jpg" alt="" />
		</div>
		<div class="div_2_wezi">
			<div class="div_2_wezi_1">
				<img class="leftt" width="100%" src="../../www/Public/Special/Img/Moon2016/01.png" alt="" />
			</div>
			<div class="div_2_wezi_2">
				<img class="leftt" width="100%" src="../../www/Public/Special/Img/Moon2016/02.png" alt="" />
			</div>
		</div>
		<!--第二页-->
		<div class="div_ren">
			<img class="leftt clh" width="100%" src="../../www/Public/Special/Img/Moon2016/ren.png" alt="" />
			<img class="div_ren4" height="100%" src="../../www/Public/Special/Img/Moon2016/ren4.png" alt="" />
			<img class="div_ren1" width="100%" src="../../www/Public/Special/Img/Moon2016/ren1.png" alt="" />
			<img class="div_ren3" height="100%" src="../../www/Public/Special/Img/Moon2016/ren3.png" alt="" />
			<img class="div_ren2" height="100%" src="../../www/Public/Special/Img/Moon2016/ren2.png" alt="" />
			
		</div>
		<div class="div_3_wezi">
			<div class="div_3_wezi_1">
				<img class="leftt" height="100%" src="../../www/Public/Special/Img/Moon2016/04.png" alt="" />
			</div>
			<div class="div_3_wezi_2">
				<img class="leftt" height="100%" src="../../www/Public/Special/Img/Moon2016/05.png" alt="" />
			</div>
		</div>
		<!--第三页-->
		<div class="div_4">
			<img class="div_4_img" width="100%" src="../../www/Public/Special/Img/Moon2016/03.png" alt="" />
		</div>
		<div class="div_4_wezi">
			<div class="div_4_wezi_1">
				<img class="leftt" height="100%" src="../../www/Public/Special/Img/Moon2016/06.png" alt="" />
			</div>
			<div class="div_4_wezi_2">
				<img class="leftt" height="100%" src="../../www/Public/Special/Img/Moon2016/07.png" alt="" />
			</div>
		</div>
		<!--第四页-->
		<div class="div_5_wezi">
			<div class="div_5_wezi_1">
				<img class="leftt" width="100%" src="../../www/Public/Special/Img/Moon2016/08.png" alt="" />
			</div>
			<div class="div_5_wezi_2">
				<img class="leftt" width="100%" src="../../www/Public/Special/Img/Moon2016/09.png" alt="" />
			</div>
		</div>
		<!--第五页-->
		<div class="div_h1">
			<div class="div_h1_1">
				<img width="100%" src="../../www/Public/Special/Img/Moon2016/h1.png" alt="" />
			</div>
			<div class="div_h1_3">
				<img width="100%" src="../../www/Public/Special/Img/Moon2016/h3.png" alt="" />
			</div>
			<div class="div_h1_2">
				<img width="100%" src="../../www/Public/Special/Img/Moon2016/h2.png" alt="" />
			</div>
		</div>
		
		<div class="div_dij">
			<div class="ball"></div>
			<div class="ball-scale"></div>
			<img class="shou" width="30px" src="../../www/Public/Special/Img/Moon2016/shou.png" alt="" />
		</div>
		<div class="div_dij1">
			<div class="ball"></div>
			<div class="ball-scale"></div>
			<img class="shou" width="30px" src="../../www/Public/Special/Img/Moon2016/shou.png" alt="" />
		</div>
		<div class="div_dij2">
			<div class="ball"></div>
			<div class="ball-scale"></div>
			<img class="shou" width="30px" src="../../www/Public/Special/Img/Moon2016/shou.png" alt="" />
		</div>
		<div class="div_dij3">
			<div class="ball"></div>
			<div class="ball-scale"></div>
			<img class="shou" width="30px" src="../../www/Public/Special/Img/Moon2016/shou.png" alt="" />
		</div>
		<iframe id="iframe" src="moon2016music.html" name="myFrame" scrolling="no" frameborder="0" class="musicBtn"></iframe>
	</body>
</html>
<script type="text/javascript">
	function Show1(){
		valueEl.innerText = 100 + "%";
		$("#percent").text("100%");
		$('.loading').fadeOut();
		$(".div_2_wezi").addClass("curr");
		$(".div_dij").addClass("div_dij_animation");
	}
	window.onload=function(){
		fakeProgress(0, sb);
		$("html").height($(window).height());
		$("body").height($(window).height());
		$("html").width($(window).width());
		$("body").width($(window).width());
		$(".div_ren").height($(".clh").height());
		setTimeout("Show1()",2000);
	}
</script>
